{extend name="common/main" /}

{block name="style"}
<link rel="stylesheet" href="__PUBLIC__/static/admin/theme/default/css/login.css">

<style>
    .login-container .people {
        height: 76px;
    }
</style>
{/block}

{block name="body"}
<div class="login-container" style="height:100%">

    <div class="clouds clouds-footer"></div>
    <div class="clouds"></div>
    <div class="clouds clouds-fast"></div>

<!--     <div class="header">
        <span>欢迎登录管理系统</span>
        <ul>
            <li><a target="_blank" href="{:url('@')}">前台首页</a></li>
            <li><a target="_blank" href="http://www.yn123.com">环拓官网</a></li>
        </ul>
    </div> -->

    <div class="container" style="top:50%;margin-top:-300px">

        <form onsubmit="return false;" data-time="0.001" data-auto="true" method="post" class="content layui-form">
            <div class="people">
                <!--<div class="tou"></div>-->
                <!--<div id="left-hander" class="initial_left_hand transition"></div>-->
                <!--<div id="right-hander" class="initial_right_hand transition"></div>-->
            </div>
            <ul>
                <li>
                    <input name='username' style='display:none'/>
                    <input required="required"
                           pattern="^\S{4,}$"
                           title="请输入6位及以上的字符"
                           type="text"
                           name="username"
                           value=""
                           autocomplete="off"
                           autofocus="autofocus"
                           class="login-input username"
                           placeholder="请输入用户名/手机号码"/>
                </li>
                <li>
                    <input name='password' style='display:none'/>
                    <input required="required"
                           pattern="^\S{4,}$"
                           title="请输入6位及以上的字符"
                           type="password"
                           name="password"
                           value=""
                           autocomplete="off"
                           class="login-input password"
                           placeholder="请输入密码"/>
                </li>
                <li>
                    <input name='text' style='display:none'/>
                    <input required="required"
                           pattern="^\S{4,}$"
                           type="text"
                           name="verify"
                           value=""
                           autocomplete="off"
                           class="login-input password"
                           placeholder="请输入验证码"
                           style="display:inline-block;width: 192px;margin-right:20px;margin-bottom: 0;"/>
                    <img style="display:inline;cursor: pointer; vertical-align: top;" onclick="this.src+='?rand='+Math.random();" title="看不清？单击此处刷新" src='{:url("verify_code")}'>
                </li>
                <li class="text-center">
                    <button type="submit" class="layui-btn  layui-disabled" data-form-loaded="立 即 登 入">正 在 载 入</button>
                    <!--<a style="position:absolute;display:block;right:0" href="javascript:void(0)">忘记密码？</a>-->
                </li>
            </ul>
        </form>
    </div>

    <!-- 底部版权信息 开始 -->
    {if sysconf('site_copy')}
    <div class="footer">{:sysconf('site_copy')}&nbsp;&nbsp;&nbsp;&nbsp</div>
    {/if}
    <!-- 底部版本信息 结束 -->

</div>
{/block}

{block name="script"}
<script>
    if (window.location.href.indexOf('#') > -1) {
        window.location.href = window.location.href.split('#')[0];
    }
    require(['jquery'], function ($) {
        $('[name="password"]').on('focus', function () {
            $('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
            $('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
        }).on('blur', function () {
            $('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
            $('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
        });
    });


    // 登录按钮点击事件
    //    $('form').submit(function () {
    //        alert(1)
    //    })
</script>
{/block}